<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东逛好店模块</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="store-container">
        <!-- 标题栏 -->
        <div class="title-bar">
            <h2>逛好店</h2>
            <a href="#" class="arrow"></a>
        </div>
        
        <!-- 店铺1：贝恩施 -->
        <div class="store-item pink-bg">
            <div class="store-info">
                <h3>贝恩施京东自营官方旗舰店</h3>
                <span class="self-operated">自营</span>
                <p>277.9万人关注</p>
            </div>
            <div class="store-img">
                <img src="beienshi.png" alt="贝恩施商品展示图">
            </div>
        </div>
        
        <!-- 店铺2：美宝莲 -->
        <div class="store-item blue-bg">
            <div class="store-info">
                <h3>美宝莲京东自营官方旗舰店</h3>
                <span class="self-operated">自营</span>
                <p>192.9万人关注</p>
            </div>
            <div class="store-img">
                <img src="maybelline.png" alt="美宝莲商品展示图">
            </div>
        </div>
    </div>
</body>
</html>
